<template>
	<view class="contact">
		<image class="img" src="../../static/icon/home-active.png"></image>
		<view class="info">
			<view @click="makePhone">联系电话：18511898253（点击拨打）</view>
			<view>地址：云南 昆明</view>
			<view>更多详情点击查看</view>
		</view>
		 <map class="map" :scale="scale"  :latitude="latitude" :longitude="longitude" :markers="covers">
		 </map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 id:0, // 使用 marker点击事件 需要填写id
				// latitude: 25.213008,
				// longitude: 99.2362,
				latitude: 25.032577,
				longitude: 102.733445,
				scale:17,
				covers: [{
					// latitude: 25.213008,
					// longitude: 99.2362,
					latitude: 25.032577,
					longitude: 102.733445,
					iconPath: '../../static/icon/home-active.png',
					width:30,
					height:30
				}]
			}
		},
		methods: {
			makePhone(){
				uni.makePhoneCall({
				    phoneNumber: '18511898253' //仅为示例
				});
			}
		}
	}
</script>

<style lang="scss">
	.contact{
		.img{
			width: 750rpx;
			height: 320rpx;
		}
		.info{
			padding: 10rpx 20rpx;
			font-size: 30rpx;
			view{
				line-height: 70rpx;
				border-bottom: 1px solid #eee;
			}
		}
		.map{
			width: 750rpx;
			height: 750rpx;
		}
	}
</style>
